<template>
  <div>
    <div class="father">
      <span>我是{{uname}}</span>
      <div class="son">我今年{{age}}岁</div>
      <div>我最喜欢{{test.hobby[1]}}</div>
    </div>
    <div class="body">我是{{test.body>125?'九头身':'细狗'}}</div>
  </div>
</template>

<script>


export default {
 data(){
  return{
    uname:'吴彦祖',
    age:27,
    test:{
      body:130,
      hobby:['唱歌','rap','打篮球']
    }
  }
 }
}
</script>

<style lang = 'less'>
  .father{
    color: #654465;
    font-size: 30px;
    .son{
      color: red;
      font-size: 34px;
    }
  }
  .body{
    color: blue;
    font-size: 42px;
  }
</style>
